<template>
  <div id="flowCountBox">
    <topSearch @toSearch="toSearch"></topSearch>
    <div class="table-conBtn">
      <freshCom @searchList="searchList"></freshCom>
    </div>
    <el-row :gutter="0">
      <el-col :span="16">
        <flowCountLine ref="flowCountLine"></flowCountLine>
      </el-col>
      <el-col :span="8">
        <flowCountBar ref="flowCountBar"></flowCountBar>
      </el-col>
    </el-row>
  </div>
</template>

<script>
import topSearch from '@component/shareBackFlow/echartsData/topSearch' // 上部搜索条件
import flowCountLine from '@component/shareBackFlow/echartsData/flowCount/flowCountLine' // 图表
import flowCountBar from '@component/shareBackFlow/echartsData/flowCount/flowCountBar' // 图表
export default {
  name: 'flowCountBox',
  msg: '',
  components: {
    topSearch,
    flowCountLine,
    flowCountBar
  },
  data() {
    return {
      date: '',
      type: ''
    }
  },
  mounted() {},
  methods: {
    toSearch(date, type) {
      this.date = date
      this.type = type
      this.$refs.flowCountLine.searchList(date, type)
      this.$refs.flowCountBar.searchList(date, type)
    },
    searchList() {
      this.toSearch(this.date, this.type)
    }
  }
}
</script>

<style lang="less">
#flowCountBox {
  .table-conBtn {
    margin-bottom: 0 !important;
  }
}
</style>
